<template>
    <div class="dban-box">
        <div class="left">

        </div>
        <div class="right">
            <div class="box">
                <p class="title">我们的用户量</p>
                <p class="num">1000+</p>
            </div>

        </div>
    </div>
</template>
<script>
    import { defineComponent } from "vue";

    export default defineComponent({
        name: "DbannerNav",
        setup() {

            return {

            };
        }
    })
</script>
<style scoped>
    .dban-box {
        width: 100%;
        height: 250px;
        margin-top: 10px;
        /* border: 1px solid red; */
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        background-image: url(@/assets/Dbanner/dba00.svg);
    }

    .dban-box .left {
        width: 50%;
        height: 100%;
        /* border: 1px solid red; */
    }

    .dban-box .right {
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        /* border: 1px solid red; */
    }

    .dban-box .right .box {
        /* width: 200px; */
        /* border: 1px solid red; */

    }

    .dban-box .right .box .title {
        width: 100%;
        text-align: center;
        font-size: 28px;
        margin-top: 20px;
        color: #fff;
        font-weight: 600;
    }

    .dban-box .right .box .num {
        width: 100%;
        text-align: center;
        font-size: 45px;
        margin-top: 20px;
        color: #fff;
        font-weight: 600;
    }
</style>